<%-- 
    Document   : DangKy
    Created on : Jun 2, 2014, 1:51:31 PM
    Author     : Tu Nguyen
--%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../assets/ico/favicon.ico">
    <link href="view/Bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="view/DatetimePicker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css"/>
    
    <title>Navbar Template for Bootstrap</title>
<%@page import="org.apache.jasper.tagplugins.jstl.core.Import"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="javax.servlet.http.HttpSession" %>
    <!-- Bootstrap core CSS -->
    

  
  </head>

  <body style="padding-top: 60px">
 <%@include file="Menu.jsp" %>
    <div class="container">
       
      <!-- Static navbar -->
     
      
      <div class="jumbotron">
          <div class="row">
            <div class="col-md-5">
                <form action="DangKy" method="POST">
                <label>Tên đăng nhập</label>
                <input name="txtUser" type="text" class="form-control input-sm"/>
                <label>Mật khẩu</label>
                <input type="password" name="txtPass1" id="pa1" class="form-control input-sm"/>
                <label>Xác nhận mật khẩu</label>
                <div class="form-group has-success">
                    <input onkeyup="myCheck()" name="txtPass2" type="password" class="form-control input-sm" id="pa2">
                 <label class="control-label" for="inputSuccess1"></label>
                </div>
                <br/>
                <span class="label label-info">Thông tin cá nhân</span><br/>
                  <label>Mã người dùng</label>
                <input name="txtId" type="text" class="form-control input-sm"/>
                <label>Họ tên</label>
                <input name="txtHoTen" type="text" class="form-control input-sm"/>
                
                    <label>Ngày tháng năm sinh</label>

                <div class="controls input-append date form_date" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
                    <input name="txtNgaySinh" class="form-control input-sm" />
                    <span class="add-on"><i class="icon-remove"></i></span>
                    <span class="add-on"><i class="icon-th"></i></span>
                </div>
                <input type="hidden" id="dtp_input2" value="" /><br />


               
                
                
                
                <label>Chứng minh thư</label>
                <input name="txtCMND" type="text" class="form-control input-sm"/>
                <label>Giới tính</label>
                <select name="selGioiTinh" class="form-control input-sm">
                    <option value="0">Nam</option>
                    <option value="1">Nữ</option>
                </select>
                <label>Điện thoại</label>
                <input name="txtDienThoai" type="text" class="form-control input-sm" />
                 <label>Địa chỉ</label>
                 <input name="txtDiaChi" type="text" class="form-control input-sm" /><br/>
                <button id="myBtn" type="submit" class="btn btn-primary">Đăng ký</button>
            </form>
                
                 <script src="view/DatetimePicker/css/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
                <script src="view/DatetimePicker/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
                

                <script type="text/javascript">
                  
                    $('.form_date').datetimepicker({
                        // language:  'fr',
                        weekStart: 1,
                        todayBtn: 1,
                        autoclose: 1,
                        todayHighlight: 1,
                        startView: 2,
                        minView: 2,
                        forceParse: 0
                    });

                </script>

                
        </div>
      </div>
      </div>

    </div>


    
    <script src="view/Bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script>
        function myCheck()
        {
            var pa1 = document.getElementById("pa1").value;
            var pa2 = document.getElementById("pa2").value;
            if(pa1!=pa2){
            $(".form-group").addClass("has-error");
            $(".control-label").html("bạn nhập lại password không đúng");
            document.getElementById("myBtn").disabled=true;
            }
            else
            {
                 $(".form-group").removeClass("has-error");
                $(".control-label").html("Password thành công");
                document.getElementById("myBtn").disabled=false ;
            }
        }
    </script>

  </body>
</html>




